<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>

    <link rel="stylesheet" type="text/css" href="../../../public/stylesheets/lz.css">
    <link rel="stylesheet" type="text/css" href="../../../public/stylesheets/style.css">
    <link rel="stylesheet" type="text/css" href="../../../public/stylesheets/bootstrap.css">
    <script type="text/javascript" src="../../../public/javascripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../../../public/javascripts/bootstrap.js"></script>
    <script type="text/javascript" src="../../../public/javascripts/lz.js"></script>

    <style>
    </style>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#top").load("../top.html");
            $("#left").load("../left.html");
//            $("#bottom").load("../bottom.html");
//            $("#right").load("");
        });
    </script>
</head>
<body >
<div id="top"></div>
<div class="container-fluid" style="margin-top: 20px;">
    <div class="row">
        <div class="col-md-1">
        </div>
        <div id="left" class="col-md-2">

        </div>
        <div class="col-md-8 bodyDiv" id="right">

                <div class="row">
                    <div class="col-md-6" style="padding-top: 20px;">
                        <span style="font-family: 'Arial Negreta', 'Arial';
                            font-weight: 700;
                            font-style: normal;
                            font-size: 32px;
                            color: #333333;
                            text-align: left;
                            line-height: normal;
                            width: 50px;
                            padding-left: 15px;">添加用户</span>
                    </div>
                </div>

                <div class="row">
                    <div class="form-group"
                         style="height: 300px;">
                        <div class="row" style="padding-top: 50px;">
                            <div class="col-md-3">
                                <span class="pull-right"style="font-size: 20px;">用户姓名:</span>
                            </div>
                            <div class="col-md-3">
                                <input type="text" class="form-control" placeholder="必填">
                            </div>
                            <div class="col-md-1">
                                <span class="pull-right"style="font-size: 20px;">性别:</span>
                            </div>
                            <div class="col-md-2" >
                                <label>
                                    <input type="radio" name="optionsRadios" value="M" checked>
                                    男
                                </label>
                                &nbsp;&nbsp;&nbsp;
                                <label>
                                    <input type="radio" name="optionsRadios"  value="F" checked>
                                    女
                                </label>
                            </div>
                        </div>

                        <div class="row" style="padding-top: 30px;">
                            <div class="col-md-3">
                                <span class="pull-right"style="font-size: 20px;">手机号码:</span>
                            </div>
                            <div class="col-md-3">
                                <input type="text" class="form-control" placeholder="必填">
                            </div>
                            <div class="col-md-1">
                                <span style="font-size: 20px;">邮箱:</span>
                            </div>
                            <div class="col-md-3">
                                <input type="text" class="form-control" placeholder="可选">
                            </div>
                        </div>

                        <div class="row" style="padding-top: 30px;">
                            <div class="col-md-3">
                                <span class="pull-right"style="font-size: 20px;">生日:</span>
                            </div>
                            <div class="col-md-3">
                                <input type="text" class="form-control" placeholder="可选">
                            </div>
                        </div>

                        <div class="row" style="padding-top: 30px;">
                            <div class="col-md-3">
                                <span class="pull-right"style="font-size: 20px;">联系地址:</span>
                            </div>
                            <div class="col-md-8">
                                <input type="text" class="form-control" placeholder="可选">
                            </div>
                        </div>

                        <div class="row" style="padding-top: 30px;">
                            <div class="col-md-3"></div>
                            <div class="col-md-3" style="text-align: center;">
                                <button type="submit" class="btn btn-default" style="width: 100%">添加</button>
                            </div>
                        </div>
                    </div>
                </div>
            <!--内容-->
        </div>
        <div class="col-md-1">
        </div>
    </div>
</div>
<!--<div id="bottom"></div>-->
</body>
</html>